<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="../superui/content/ui/global/bootstrap/css/bootstrap.min.css"
          th:href="@{/superui/content/ui/global/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../superui/content/ui/global/font-awesome/css/font-awesome.css"
          th:href="@{/superui/content/ui/global/font-awesome/css/font-awesome.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/AdminLTE.css"
          th:href="@{/superui/content/adminlte/dist/css/AdminLTE.css}"/>
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/skins/_all-skins.min.css"
          th:href="@{/superui/content/adminlte/dist/css/skins/_all-skins.min.css}"/>
    <link rel="stylesheet" href="../superui/content/min/css/supershopui.common.min.css"
          th:href="@{/superui/content/min/css/supershopui.common.min.css}"/>
    <link rel="stylesheet" href="../superui/content/plugins/bootstrap-table/bootstrap-table.css"
          th:href="@{/superui/content/plugins/bootstrap-table/bootstrap-table.css}"/>
    <link rel="stylesheet" href="../css/global.css"
          th:href="@{/css/global.css}"/>
    <!--全局通用框架样式 end-->
    <!-- iCheck -->
    <link rel="stylesheet" href="../superui/content/plugins/iCheck/square/blue.css"
          th:href="@{/superui/content/plugins/iCheck/square/blue.css}"/>
    <link rel="stylesheet" href="../../js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"
          th:href="@{/js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}">
</head>
<body>
<section class="content-header">
    <h1>
        退款管理
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">订单管理</a></li>
        <li class="active">退款管理</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">

    <div class="row">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="col-md-12">
            <!-- BEGIN SAMPLE TABLE PORTLET-->
            <div class="box-body">
                <div class="panel panel-default no-margin">
                    <div class="panel-body search-box">
                        <form id="formSearch" class="form-horizontal">

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_orderNum" class="col-sm-4 control-label">订单编号：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_orderNum" name="orderNum" class="form-control" type="text" value="" placeholder="请输入订单编号">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_name" class="col-sm-4 control-label">退款人：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_name" name="name" class="form-control" type="text" value="" placeholder="请输入退款人">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_refundsStatus" class="col-sm-4 control-label">退款状态：</label>
                                <div class="col-sm-8">
                                    <select id="txt_search_refundsStatus" name="refundsStatus" class="form-control">
                                        <option value="-1">全部</option>
                                        <option value="5">退款中</option>
                                        <option value="3">已退款</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label class="col-sm-4 control-label">退款日期：</label>
                                <div class="col-sm-8">
                                    <div class="input-group">
                                        <input type="text" class="form-control form_date_start" id="txt_search_refundsDate" name="refundsDate"
                                               placeholder="请选择退费日期"/>
                                        <div class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px; margin-right: 10px">
                                <label class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <button type="button" class="btn btn-default" id="btn-search" onclick="clickSearch()">
                                        <i class="fa  fa-search"></i>
                                        查询
                                    </button> &nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-default" id="resetVal" onclick="resetSearchVal()">
                                        <i class="fa  fa-repeat"></i>
                                        重置
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>


                <div class="table-scrollable">
                    <table class="table-striped table-hover" id="refundsTable">

                    </table>
                </div>
            </div>
            <!-- END SAMPLE TABLE PORTLET-->
            <!--退款单详情-->
            <div id="refundsInfoDlg" class="hide">
                <div class="info row" style="margin: 0 auto;width: 99%;">
                    <div class="panel panel-default">
                        <div class="panel-body form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">退款课程：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="refundCourseName" name="refundCourseName"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">订单编号：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="orderNum" name="orderNum"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">退款学员：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="name" name="name"></p>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">退款课次：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="refundsNum" name="refundsNum"
                                       style="display: inline-block;"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">退款金额：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="refundsPrice" name="refundsPrice" style="display: inline-block;"></p>
                                    <span>元</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">退款理由：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="refundsReason" name="refundsReason"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">申请退款时间：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="refundsDate" name="refundsDate"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">退款状态：</label>
                                <div class="col-sm-9">
                                    <p class="form-control-static" id="refundsStatus" name="refundsStatus"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--退款审核-->
            <div id="refundsAuditDlg" class="hide">
                <form id="frmMain" class="form-horizontal">
                    <div class="box-body" style="width: 99%">
                        <input class="hide" id="txt_refundId"/>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">退款课程：</label>
                            <div class="col-sm-9">
                                <p class="form-control-static" id="txt_refundCourseName"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">订单编号：</label>
                            <div class="col-sm-9">
                                <p class="form-control-static" id="txt_orderNum"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">购买课次：</label>
                            <div class="col-sm-9">
                                <p class="form-control-static" id="txt_coursePurchaseTimes" style="display: inline-block;"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">购买金额：</label>
                            <div class="col-sm-9">
                                <p class="form-control-static" id="txt_courseAmount" style="display: inline-block;"></p>
                                <span>元</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">退款课次：</label>
                            <div class="col-sm-9">
                                <input class="form-control-static" id="txt_refundsNum" placeholder="请输入退款课次"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">退款金额：</label>
                            <div class="col-sm-9">
                                <input class="form-control-static" id="txt_refundsPrice" placeholder="请输入退款金额"/>&nbsp;<span>元</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">退款理由：</label>
                            <div class="col-sm-9">
                                <p class="form-control-static" id="txt_refundsReason"></p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div><!-- /.modal -->
    </div>

</section>
<!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.2.3 -->
<script src="../../superui/content/ui/global/jQuery/jquery.min.js"
        th:src="@{/superui/content/ui/global/jQuery/jquery.min.js}"></script>
<!-- Bootstrap 3.3.6 -->

<script src="../../superui/content/ui/global/bootstrap/js/bootstrap.min.js"
        th:src="@{/superui/content/ui/global/bootstrap/js/bootstrap.min.js}"></script>
<!--supershopui-->
<script src="../../superui/content/min/js/supershopui.common.js"
        th:src="@{/superui/content/min/js/supershopui.common.js}"></script>

<!--bootstrap-table-->
<script src="../../superui/content/plugins/bootstrap-table/bootstrap-table.js"
        th:src="@{/superui/content/plugins/bootstrap-table/bootstrap-table.js}"></script>
<script src="../../superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"
        th:src="@{/superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
<script src="../../js/assets/common/bootstrap-table-object.js"
        th:src="@{/js/assets/common/bootstrap-table-object.js}"></script>
<!-- iCheck -->
<script src="../../superui/content/plugins/iCheck/icheck.min.js"
        th:src="@{/superui/content/plugins/iCheck/icheck.min.js}"></script>
<script src="../../js/assets/common/Feng.js"
        th:src="@{/js/assets/common/Feng.js}"></script>

<script src="../../js/assets/lib/numeral/numeral.min.js"
        th:src="@{/js/assets/lib/numeral/numeral.min.js}"></script>

<!--bootsrtap日历控件脚本-->
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js}"></script>

<!-- 模板引擎-->
<script src="../../js/assets/lib/artTemplate/template.js"
        th:src="@{/js/assets/lib/artTemplate/template.js}"></script>
<!-- 请求脚本-->
<script src="../../js/assets/common/ajax-util.js"
        th:src="@{/js/assets/common/ajax-util.js}"></script>
<!-- 公用脚本-->
<script src="../../js/assets/common/common.js"
        th:src="@{/js/assets/common/common.js}"></script>

<!-- 退款脚本-->
<script src="./../../js/order/refunds/info.js"
        th:src="@{/js/order/refunds/info.js}"></script>
<script src="./../../js/order/refunds/audit.js"
        th:src="@{/js/order/refunds/audit.js}"></script>
<script src="./../../js/order/refunds/list.js"
        th:src="@{/js/order/refunds/list.js}"></script>

</body>
</html>